﻿/* 代码整理：懒人之家 www.lanrenzhijia.com */
#online_service_bar {
	font-size:12px;
	color:#555;
	font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
    z-index:9999;
    position:fixed;
}
#online_service_bar a {
	color:#555;
	text-decoration: none;
}
#online_service_bar a:hover {
	color:#E21F2B;
	text-decoration: none;
}
#online_service_bar img {
	border:none;
	vertical-align: middle;
}
#online_service_bar dl, #online_service_bar dd, #online_service_bar ul, #online_service_bar li {
	margin:0;
	padding:0;
	list-style:none;
}
/*在线客服边栏*/
#online_service_bar {
	position:absolute;
	top:-150px;
	right:0;
	overflow:hidden;
	z-index:1001;
}
#online_service_fullbar {
	display:none;
	width:138px;
	padding-bottom:10px;
	background:url(/images/footer.gif) no-repeat left bottom;
}
.service_bar_head {
	text-indent: -9999px;
	width:138px;
	height:58px;
	position:relative;
	background:url(/images/header.gif) no-repeat left top;
}
.service_bar_main {
	width:106px;
	padding:5px 12px;
	background:url(/images/main.gif) repeat-y left top;
}
#service_bar_close {
	position:absolute;
	width:35px;
	height:35px;
	top:0;
	right:0;
	cursor:pointer;
	display:block;
	text-indent: -9999px;
}
/*在线客服边栏收缩状态*/
#online_service_minibar {
	margin-top:150px;
	width:23px;
	height:80px;
	background:url(/images/mini.gif) no-repeat right top;
	display:none;
	cursor: pointer;
}
/*客服菜单列表*/
.service_menu {
	font-size:12px;
	width:106px;
	overflow:hidden;
}
.service_menu li {
	width:106px;
	display:inline;
	overflow:hidden;
}
.service_menu li dt {
	text-align:left;
	margin-bottom:5px;
	padding:8px 10px 6px 10px;
*padding:9px 10px 5px 10px;
	background:url(/images/menu.gif) no-repeat top center;
	cursor: pointer;
}
.service_menu li dd {
	display:none;
	text-align:center;
}
.service_menu li dd a img {
	margin-bottom:5px;
}
.service_menu li.hover dt {
	color:#E21F2B;
}
.service_menu li.hover dd {
	padding:5px 0;
	line-height:20px;
}
.qq_btn {
	display:block;
	padding:4px;
}
.service_tel {
	font-size:12px;
	font-family:"Microsoft YaHei", Verdana, "BitStream vera Sans", Tahoma, Helvetica, Sans-serif;
	padding-left:22px;
	height:28px;
	line-height:28px;
	background:url(/images/tel.png) no-repeat 5px center;
}
/* 代码整理：懒人之家 www.lanrenzhijia.com */
body,h1,h2,h3,h4,ul,li,img,p{
	margin:0;
	padding:0;
	list-style: none;
}
body{
	font-family: "微软雅黑";
	color:#333;
}
.img{
	display: block;
}


.header_box{
	height:190px;
	background:#ccc;
}


/**banner_box**/
.banner_box{
	width:100%;
	overflow: hidden;
}
.banner{
	width:1000px;
	margin:0 auto;
}
.banner img{
	margin-left: -50%;
	animation:myfirst 3s;
}
@keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 1;}
}
/**wzsm_box**/
.wzsm_box{
	width:100%;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
.wzsm{
	width:1000px;
	margin:0 auto;
}
.wzsm_z{
	float: left;
	width:280px;
}
.wzsm_z h2{
	font-size:16px;
	font-weight: 600;
}
.wzsm_z b{
	font-size: 50px;
}
.wzsm_z span{
	display: inline-block;
	width:76px;
	height:16px;
	margin-right: 10px;
	background: #d9241d;
}
.wzsm_y{
	float: right;
	width:586px;
	height:30px;
	padding-top: 20px;
	font-size:12px;
	color:#333;
	letter-spacing: 1px;
}
.wzsm_y p{
	padding-left: 16px;
	text-align:justify;
	border-left: 1px solid #ccc;

}
/**.seo_box**/
.seo_box{
	width:100%;
	overflow: hidden;
	padding: 30px 0 30px 0;
	background: url(../images/seo_b.jpg) no-repeat 50% 0;
}
.seo{
	width:1000px;
	margin:0 auto;
	text-align: center;
}
.seo h2{
	font-size: 32px;
	font-weight: 700;
	color:#d9241d;
	padding-bottom:20px;
}
.seo li{
	float:left;
	width:156px;
	height:156px;
	color:#fff;
	font-size: 12px;
	margin-right:30px;
	text-align:justify;
	background: #d9241d;
	padding:10px;
	opacity: 0.7;
	animation:myfirst 3s;
}
@keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 0.7;}
}
@-webkit-keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 0.7;}
}
.seo h3{
	font-size:16px;
	padding-bottom:20px;
	padding-top: 20px;
}
.seo li:last-child{
	margin-right:0;
}
.seo li{
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	transition: transform 0.2s ease 0s;
	cursor:pointer;
}
.seo li:hover{ 
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	transition: transform 0.2s ease 0s;
} 
/**sem_box**/
.sem_box{
	width:100%;
	overflow: hidden;
	background:url(../images/sem_b.jpg) no-repeat 50% 0;
	margin-top: 50px;	
}
.sem{
	width:950px;
	height:602px;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
}
.sem img{
	animation:myfirst 3s;
	cursor: pointer;
}
}
@keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes myfirst
{
    from {opacity: 0;}
    to {opacity: 1;}
}
.sem img{
	-webkit-transform:scale(1); 
	-moz-transform:scale(1); 
	-o-transform:scale(1); 
	transition: transform 0.2s ease 0s;
}
.sem img:hover{ 
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	transition: transform 0.2s ease 0s;
} 

/**gdfw_box**/
.gdfw_box{
	width:100%;
	overflow: hidden;
	padding:0 0 30px 0;
}
.gdfw{
	width:1000px;
	margin:0 auto;
	text-align: center;
}
.gdfw h2{
	font-size: 32px;
	font-weight: 700;
	color:#d9241d;
	padding-bottom:20px;
}
.gdfw li{
	width:190px;
	height:178px;
	float: left;
	text-align: justify;
	margin-right: 210px;
}
.gdfw h3{
	font-size: 16px;
	font-weight: 700;
	color:#d9241d;
	padding-bottom: 20px;
}
.gdfw a{
	display: block;
	font-size:12px;
	text-decoration:none;
	color:#333;
	line-height:2em;
}
.gdfw a:hover{
	color:#d9241d;
}
.gdfw li:nth-child(3){
	margin-right:0;
	background: url(../images/sem_03.png) no-repeat;
}
.gdfw li:nth-child(1){
	background: url(../images/sem_01.png) no-repeat;

}
.gdfw li:nth-child(2){
	background: url(../images/sem_02.png) no-repeat;

}
